What's the main usage for it? Is it be displayed or retrieve by the frontend?

For now I use it like so:

pre code[data-path]:after {
  border-radius: 0 0 0.25rem 0.25rem;
  font-size: 12px;
  letter-spacing: .025rem;
  padding: .1rem .5rem;
  position: absolute;
  left: 5.5rem;
  margin-top: 0;
  text-align: right;
  top: 0;
  content: attr(data-path);
  background: lightgrey;
  color: green;
  visibility: visible;
}

I find useful to have the required file path associated with the code block when blogging about specific tool configuration. Some tools expect configuration at pre determined paths

I agree it's nice, I'm just wondering if it doubles as the code sample name as well potentially?

Ah can you rebase the PR? It looks like it's got some unrelated stuff due to the last release

Yes I agree it could be the name. I can change path to name as you prefer

I rebased the branch

Let's call it name, this way it can be used for more stuff.

Should be good :)